.page, .auto-page{
	display: flex;
	flex-direction: column;
	position: relative;
}
.page{
	height: 100vh;
}
.auto-page{
	min-height: 100vh;
}
.auto-container {
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100vw;
}
.f-row, .f-column{
	display: flex;
	position: relative;
}
.f-row{
	flex-direction: row;
}
.f-column{
	flex-direction: column;
}
.f-center{
	justify-content: center;
	align-items: center;
}
.x-center{
	justify-content: center;
}
.y-center{
	align-items: center;
}
.center{
	text-align: center;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}
.m-30{
	margin: 30rpx;
}
.m-lr-30{
	margin: 0 30rpx;
}
.m-tb-30{
	margin: 30rpx 0;
}
.m-15{
	margin: 15rpx;
}
.m-lr-15{
	margin: 0 15rpx;
}
.m-tb-15{
	margin: 15rpx 0;
}
.p-30{
	padding: 30rpx;
}
.p-lr-30{
	padding: 0 30rpx;
}
.p-tb-30{
	padding: 30rpx 0;
}
.p-15{
	padding: 15rpx;
}
.p-lr-15{
	padding: 0 15rpx;
}
.p-tb-15{
	padding: 15rpx 0;
}
.font-30{
	font-size: 30rpx;
}
.font-26{
	font-size: 26rpx;
}
.font-22{
	font-size: 22rpx;
}
.bold{
	font-weight: bold;
}
.f-1{
	flex: 1;
}
.bg-white{
	background-color: #FFFFFF;
}
.nav-icon {
	padding-right: 0;
	position: relative;
}

.nav-icon:after {
	content: " ";
	height: 15rpx;
	width: 15rpx;
	border-width: 1px 1px 0 0;
	border-color: #999999;
	border-style: solid;
	transform: rotate(45deg);
	position: absolute;
	margin-top: -10rpx;
	top: 50%;
	right: 30rpx;
}

.nav-icon:active {
	background-color: rgba(133, 133, 133, .1);
}